<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>满意网-综合网购首选-正品低价、品质保证、配送即使、轻松购物、包您满意！</title>
    <!--icon字体图标-->
    <!--<link rel="shortcut icon" href="image/H6@QR(8]_TR5Z~FGIR$_WI8.png" type="image/x-icon"/>-->
    <!--初始化css-->
    <link rel="stylesheet" href="css/normalize.css" type="text/css">
    <!--公共的css:头部和底部-->
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <!--首页的css-->
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <!--字体图标css-->
    <link rel="stylesheet" type="text/css" href="font/download/font_942gj5vp4fp/iconfont.css">
    <link rel="stylesheet" href="font/download (2)/font_pzp01tyw83/iconfont.css">
</head>
<body>
<!--快捷导航模块开始-->
<div class="shortcut">
    <div class="w w1" style="display: block;">
        <ul class="fl">
            <li><a href="http://localhost:8080/login">请登录</a></li>
            <li class="spacer">|</li>
            <li><a href="http://localhost:8080/register">注册</a></li>
            <li class="spacer">|</li>
            <li>
                <a href="#" id="wechartLogion">
                    <span></span>
                    微信登录
                </a>
            </li>
        </ul>
        <ul class="fr">
            <li id="phoneApp">
                <a href="#">
                    <span></span>
                    手机版
                </a>
                <div class="phoneApp">
                    <img src="image/shoujierweima.png" alt="">
                    <h4>查看手机网站</h4>
                </div>
                <div class="trangle1"></div>
            </li>
            <li class="spacer">|</li>
            <li>
                <a href="">
                    <span></span>
                    收藏本站
                </a>
            </li>
            <li class="spacer">|</li>
            <li><a href="#">我的资料</a></li>
            <li class="spacer">|</li>
            <li><a href="#">我的订单</a></li>
            <li class="spacer">|</li>
            <li>
                <a href="">
                    <span></span>
                    购物车
                </a>
            </li>
        </ul>
    </div>
    <div class="w" style="display: none;">
        <ul class="fl">
            <li class="userAccount"></li>
            <li class="spacer">|</li>
            <li><a href="#" class="loginOut">退出</a></li>
        </ul>
        <ul class="fr">
            <li id="phoneAppAfter">
                <a href="#">
                    <span></span>
                    手机版
                </a>
                <div class="phoneApp">
                    <img src="image/shoujierweima.png" alt="">
                    <h4>查看手机网站</h4>
                </div>
                <div class="trangle1"></div>
            </li>
            <li class="spacer">|</li>
            <li>
                <a href="">
                    <span></span>
                    收藏本站
                </a>
            </li>
            <li class="spacer">|</li>
            <li><a href="http://localhost:8080/userinfo">我的资料</a></li>
            <li class="spacer">|</li>
            <li><a href="http://localhost:8080/userinfo">我的订单</a></li>
            <li class="spacer">|</li>
            <li>
                <a href="http://localhost:8080/shoppingcart">
                    <span></span>
                    购物车
                </a>
            </li>
        </ul>
    </div>
</div>
<!--快捷导航模块结束-->
<!--顶部模块开始-->
<div class="header">
    <div class="w">
        <div class="text">
            E-commerce Platform
            <span>Design</span>
        </div>
        <div class="hotwords">
            <div class="itemCenter hotwordsBorderBottom"><a href="http://localhost:8080">首页</a></div>
            <div class="itemCenter"><a href="http://localhost:8080/discount">优惠抢购</a></div>
            <div class="itemCenter"><a href="http://localhost:8080/secondhand">新品二手</a></div>
            <div class="itemCenter"><a href="http://localhost:8080/appliance">二手电器城</a></div>
            <div class="itemCenter"><a href="http://localhost:8080/member">会员购</a></div>
        </div>
    </div>
</div>
<!--顶部模块结束-->
<!--右侧工具栏开始-->
<div class="rightBar" style="display: block;">
    <i class="message iconfont icon-zhanghao">
        <div class="slogans">我的资料
            <span class="trangle"></span>
        </div>
        <div class="landingBoox">
            <span class="trangle"></span>
            <div class="logintitle">用户登录</div>
            <input type="text" name="userName" placeholder="用户名">
            <input type="text" name="password" placeholder="密码">
            <div class="loginBtn">登录</div>
            <div class="registerQuick"><a href="http://localhost:8080/register">免费注册></a></div>
        </div>
    </i>
    <i class="collection iconfont icon-shoucang-copy">
        <div class="slogans">我的收藏
            <span class="trangle"></span>
        </div>
        <div class="landingBoox">
            <span class="trangle"></span>
            <div class="logintitle">用户登录</div>
            <input type="text" name="userName" placeholder="用户名">
            <input type="text" name="password" placeholder="密码">
            <div class="loginBtn">登录</div>
            <div class="registerQuick"><a href="http://localhost:8080/register">免费注册></a></div>
        </div>
    </i>
    <i class="shoppingCar iconfont icon-icon1">
        <div></div>
        <h1>购物车</h1>
        <span>0</span>
        <div class="landingBoox">
            <span class="trangle"></span>
            <div class="logintitle">用户登录</div>
            <input type="text" name="userName" placeholder="用户名">
            <input type="text" name="password" placeholder="密码">
            <div class="loginBtn">登录</div>
            <div class="registerQuick"><a href="http://localhost:8080/register">免费注册></a></div>
        </div>
    </i>
    <i class="leaveMessage iconfont icon-liuyan">
        <div class="slogans">留言
            <span class="trangle"></span>
        </div>
    </i>
    <i class="erweima iconfont icon-erweima"></i>
    <i class="toTop iconfont icon-fanhuidingbu" id="toTop">
        <div class="slogans">回到顶部
            <span class="trangle"></span>
        </div>
    </i>
</div>
<div class="afterLogin" style="display: none;">
    <div class="fk-rbar-tabs">
        <i class="message iconfont icon-zhanghao">
            <div class="slogans">我的资料
                <span class="trangle"></span>
            </div>
        </i>
        <i class="collection iconfont icon-shoucang-copy">
            <div class="slogans">我的收藏
                <span class="trangle"></span>
            </div>
        </i>
        <i class="shoppingCar iconfont icon-icon1">
            <div></div>
            <h1>购物车</h1>
            <span></span>
        </i>
        <i class="leaveMessage iconfont icon-liuyan">
            <div class="slogans">留言
                <span class="trangle"></span>
            </div>
        </i>
        <i class="erweima iconfont icon-erweima"></i>
        <i class="toTop iconfont icon-fanhuidingbu">
            <div class="slogans">回到顶部
                <span class="trangle"></span>
            </div>
        </i>
    </div>
    <div class="fk-rbar-plugins">
        <div class="myStuffTab"></div>
        <div class="myCollectionTab">
            <div></div>
            <div>亲，还没有入您法眼的商品哟~</div>
        </div>
        <div class="myCartTab">
            <div class="hasNoCartThings" style="display: none;">
                <div></div>
                <div>亲，您的购物车空空的哟~</div>
            </div>
            <div class="hasCartThings" style="display: block">
            </div>
        </div>
    </div>
</div>
<!--右侧导航栏结束-->
<!--main模块开始-->
<div class="main">
    <div class="w">
        <!--main模块左边部分开始-->
        <div class="main_left">
            <div class="main_left_top">
                <!--<a href="http://localhost:8080/search"><span>商城分类</span></a>-->
                <span id="searchAll">商城分类</span>
            </div>
            <div class="main_left_bottom">
                <ul>
                    <li id="mobileDigtal">
                        <div class="itemTitle">手机数码</div>
                        <div class="itemList">
                            <span>手机</span>
                            <span>摄影</span>
                            <span>配件</span>
                            <span>电脑</span>
                            <span>平板</span>
                        </div>
                    </li>
                    <li id="babyProducts">
                        <div class="itemTitle">母婴玩具</div>
                        <div class="itemList">
                            <span>童装</span>
                            <span>婴儿服</span>
                            <span>家居</span>
                            <span>套装</span>
                            <span>用品</span>
                        </div>
                    </li>
                    <li id="skinCare">
                        <div class="itemTitle">美妆护肤</div>
                        <div class="itemList">
                            <span>彩妆</span>
                            <span>面膜</span>
                            <span>套装</span>
                            <span>精华</span>
                            <span>精油</span>
                        </div>
                    </li>
                    <li id="homeDaily">
                        <div class="itemTitle">居家日用</div>
                        <div class="itemList">
                            <span>床</span>
                            <span>沙发</span>
                            <span>茶几</span>
                            <span>百货</span>
                            <span>食品饮料</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--main模块左边部分结束-->
        <!--main模块中间部分开始-->
        <div class="main_middle">
            <ul>
                <li><a href=""><img src="image/AD0I-uSFCBACGAAg1cm92AUo4LLapwIw2AQ45QI!700x700.jpg"/></a></li>
                <li><a href=""><img src="image/AD0I-uSFCBACGAAgnMi92AUo6JWo5gQw2AQ48gI!600x600.jpg"/></a></li>
                <li><a href="#"><img src="image/3.jpg" alt=""></a></li>
                <li><a href="#"><img src="image/4.jpg" alt=""></a></li>
                <li><a href="#"><img src="image/5.jpg" alt=""></a></li>
                <li><a href="#"><img src="image/6.jpg" alt=""></a></li>
                <li><a href="#"><img src="image/7.jpg" alt=""></a></li>
                <li><a href="#"><img src="image/8.jpg" alt=""></a></li>
            </ul>
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
            <!--箭头-->
            <div class="arrow">
                <span class="arrow-left">&lt;</span>
                <span class="arrow-right">&gt;</span>
            </div>
        </div>
        <!--main模块左边部分结束-->
        <!--main模块右边部分开始-->
        <div class="main_right">
            <!--左上部分-->
            <div class="main_right_tl">
                <a href="http://localhost:8080/secondhand">全新二手</a>
                <div class="des">好货抢不停</div>
                <a href=""><img src="image/AD0I-uSFCBAEGAAgwcq92AUo8LyU6gYwGjga.png" alt=""></a>
            </div>
            <!--右上部分-->
            <div class="main_right_tr">
                <a href="http://localhost:8080/appliance">品质生活</a>
                <div class="des">过我想要的生活</div>
                <a href=""><img src="image/AD0I-uSFCBAEGAAgwcq92AUo8LyU6gYwGjga.png" alt=""></a>
            </div>
            <!--下面部分-->
            <div class="main_right_b">
                <img src="image/qrCode.png" alt="">
                <b>优惠直播台</b>
                <div>掌握一手资讯</div>
                <div>奢品好物随心购</div>
            </div>
        </div>
        <!--main模块右边部分结束-->
    </div>
</div>
<!--main模块结束-->
<!--body模块开始-->
<div class="body">
    <div class="w">
        <!--第一栏开始-->
        <div class="my_clo1">
            <div class="my_clo1_left">
                <div class="my_clo1_left_title">你可能感兴趣<span></span></div>
                <div class="my_clo1_left_des_t">
                    <div class="my_clo1_left_des"><span><a href="">硬盘</a></span></div>
                    <div class="my_clo1_left_des"><span><a href="">平板</a></span></div>
                    <div class="my_clo1_left_des"><span><a href="">手机</a></span></div>
                    <div class="my_clo1_left_des"><span><a href="">单反</a></span></div>
                    <div class="my_clo1_left_des"><span><a href="">卡西欧</a></span></div>
                    <div class="my_clo1_left_des"><span><a href="">眼线</a></span></div>
                    <div class="my_clo1_left_des"><span><a href="">儿童自行车</a></span></div>
                </div>
            </div>
            <div class="my_clo1_middle">
                <div class="my_clo1_middle_top">
                    <div class="guessYouLike">
                        <span>猜你喜欢</span>
                        <div class="trangle"></div>
                    </div>
                    <div class="hotThings">
                        <span>热卖商品</span>
                        <div class="trangle"></div>
                    </div>
                </div>
                <div class="my_clo1_middle_bottom">
                    <ul class="imgItem">
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg1a692AUo9IiUqwUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg2K692AUogo6DJzCgBjigBg!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg9bO92AUokfaxyAMwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUo5Pe-_wUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUovM3prgEwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgs_W52AUojNuGzwYwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg1a692AUo9IiUqwUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg2K692AUogo6DJzCgBjigBg!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg9bO92AUokfaxyAMwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUo5Pe-_wUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUovM3prgEwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgs_W52AUojNuGzwYwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                    </ul>
                    <ul class="couponItem">
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 粉底液保湿遮瑕控油强持久">全新 粉底液保湿遮瑕控油强持久</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 创意实用家居生活用品">全新 创意实用家居生活用品</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 机械战警游戏机械键盘电脑台式">9成新 机械战警游戏机械键盘电脑台式</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="8成新 新概念摄像机 高清专业数码摄像机">8成新 新概念摄像机 高清专业数码摄像机</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 FUXK主机定制">9成新 FUXK主机定制</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩">9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩</span>
                            </a>
                        </li>
                        >
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 粉底液保湿遮瑕控油强持久">全新 粉底液保湿遮瑕控油强持久</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 创意实用家居生活用品">全新 创意实用家居生活用品</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 机械战警游戏机械键盘电脑台式">9成新 机械战警游戏机械键盘电脑台式</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="8成新 新概念摄像机 高清专业数码摄像机">8成新 新概念摄像机 高清专业数码摄像机</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 FUXK主机定制">9成新 FUXK主机定制</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩">9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="my_clo1_middle_bottom_second">
                    <ul class="imgItem">
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg1a692AUo2sbx1AUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg1a692AUolKr88wcwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUonq6lrwUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg26692AUo4ovauQUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg2K692AUogo6DJzCgBjigBg!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUosOngqwcwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg1a692AUo2sbx1AUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg1a692AUolKr88wcwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUonq6lrwUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg26692AUo4ovauQUwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAg2K692AUogo6DJzCgBjigBg!160x160.jpg"/>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>满100减9</div>
                                <img src="image/AD0I-uSFCBACGAAgreW52AUosOngqwcwoAY4oAY!160x160.jpg"/>
                            </a>
                        </li>
                    </ul>
                    <ul class="couponItem">
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 粉底液保湿遮瑕控油强持久">全新 粉底液保湿遮瑕控油强持久</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 创意实用家居生活用品">全新 创意实用家居生活用品</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 机械战警游戏机械键盘电脑台式">9成新 机械战警游戏机械键盘电脑台式</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="8成新 新概念摄像机 高清专业数码摄像机">8成新 新概念摄像机 高清专业数码摄像机</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 FUXK主机定制">9成新 FUXK主机定制</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩">9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 粉底液保湿遮瑕控油强持久">全新 粉底液保湿遮瑕控油强持久</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="全新 创意实用家居生活用品">全新 创意实用家居生活用品</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 机械战警游戏机械键盘电脑台式">9成新 机械战警游戏机械键盘电脑台式</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="8成新 新概念摄像机 高清专业数码摄像机">8成新 新概念摄像机 高清专业数码摄像机</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 FUXK主机定制">9成新 FUXK主机定制</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span class="coupon"></span>
                                <span title="9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩">9成新 宝宝床蚊帐罩宫廷落地式新生儿童通用防蚊蚊帐罩</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="my_clo1_right">
                <div class="hotThingsS">
                    <div></div>
                    <span>热卖商品</span>
                </div>
                <div class="hotThingsDes">
                    <div>
                        <div class="clickRolling">
                            <a href="">
                                <div>满100减9</div>
                                <span class="imgItem"><img
                                        src="image/AD0I-uSFCBACGAAg8rO92AUo3KalngQwoAY4oAY!160x160.jpg"
                                        alt=""></span></a>
                            <a href="">
                                <span class="couponItem"></span>
                                <span class="couponDes" title="9成新 Huawei/华为 P20 全面屏 双摄">9成新 Huawei/华为 P20 全面屏 双摄</span>
                            </a>
                        </div>
                        <div class="clickRolling">
                            <a href="">
                                <div>满100减9</div>
                                <span class="imgItem"><img
                                        src="image/AD0I-uSFCBACGAAg3MS92AUooIvf7QQwoAY4oAY!160x160.jpg"
                                        alt=""></span></a>
                            <a href="">
                                <span class="couponItem"></span>
                                <span class="couponDes" title="9成新 DSLR入门级单反相机 ">9成新 DSLR入门级单反相机 </span>
                            </a>
                        </div>
                        <div class="clickRolling">
                            <a href="">
                                <div>满100减9</div>
                                <span class="imgItem"><img
                                        src="image/AD0I-uSFCBACGAAgreW52AUovM3prgEwoAY4oAY!160x160.jpg"
                                        alt=""></span></a>
                            <a href="">
                                <span class="couponItem"></span>
                                <span class="couponDes" title="9成新 FUXK主机定制">9成新 FUXK主机定制</span>
                            </a>
                        </div>
                    </div>
                    <div class="arrow_l"><</div>
                    <div class="arrow_r">></div>
                </div>
            </div>
        </div>
        <!--第一栏结束-->
        <!--第二栏开始-->
        <div class="my_clo2">
            <div class="my_clo2_title">
                <div></div>
                <span>数码控 · 3C也性感</span>
            </div>
            <div class="my_clo2_title_bodyL">
                <div>
                    <a href="">显示器</a>
                    <a href="">内存</a>
                    <a href="">主板</a>
                    <a href="">硬盘</a>
                    <a href="">CPU</a>
                    <a href="">显卡</a>
                    <a href="">平板</a>
                    <a href="">无线路由器</a>
                    <a href="">笔记本</a>
                    <a href="">无线鼠标</a>
                    <a href="">充电宝</a>
                    <a href="">移动硬盘</a>
                    <a href="">数据线</a>
                </div>
                <span>能拆能装，咱是专业的</span>
                <span>Assemble the computer</span>
                <img src="image/AD0I-uSFCBACGAAgj_S92AUossvw1QEwswE4hAE.jpg" alt="">
            </div>
            <div class="my_clo2_title_bodyM">
            </div>
            <div class="my_clo2_title_bodyR">
                <div class="news">
                    <a href=""><img src="image/N1.jpg" alt=""></a>
                    <span>戴上耳机，倾听</span>
                    <span>想要暂时告别千篇一律的生活，踏上没有目的的旅途？记得在行囊里捎上自己心爱的耳机和音乐，有了它们，一路上，不寂寞。</span>
                </div>
                <div class="news">
                    <a href=""><img src="image/N2.jpg" alt=""></a>
                    <span>顺手的那只鼠标</span>
                    <span>鼠标的发明是计算机诞生50年来极其重大的事件之一。但，不说可能还没发现，我们每天碰触多的，竟然都是那只小老鼠！</span>
                </div>
            </div>
        </div>
        <!--第二栏结束-->
        <!--第三栏开始-->
        <div class="my_clo3">
            <div class="my_clo3_title">
                <div></div>
                <span>辣妈爱萌宝</span>
            </div>
            <div class="my_clo3_title_bodyL">
            </div>
            <div class="my_clo3_title_bodyR">
                <div class="my_clo3_title_bodyR_T">
                    <a href="">婴儿床</a>
                    <a href=""> 推车</a>
                    <a href="">腰凳背带</a>
                    <a href="">安全座椅</a>
                    <a href="">学步车</a>
                    <a href="">早教玩具</a>
                    <a href="">宝宝鞋</a>
                    <a href="">健身器</a>
                    <a href="">电动玩具</a>
                    <a href="">益智玩具</a>
                    <a href="">游泳池</a>
                    <a href="">儿童自行车</a>
                    <a href="">托腹裤</a>
                    <a href="">孕妇文胸</a>
                    <a href="">丽婴房</a>
                </div>
                <div class="my_clo3_title_bodyR_B">
                    <a href=""><img data-original="image/w1.jpg" alt=""></a>
                    <span>什么值得买—宝宝安全座椅篇</span>
                    <span>从宝宝出生，就盼着他快快长大，好实现一家人自驾游玩的愿望。安全是一切享受的前提。一个好的安全座椅，可以保护孩子一路的安全。</span>
                </div>
                <div class="my_clo3_title_bodyR_B">
                    <a href=""><img data-original="image/w2.jpg" alt=""></a>
                    <span>让小宝天天有惊喜</span>
                    <span>每次下班到家宝宝都会说：“麻麻，玩具”。想每天给宝宝一件不同的玩具吗？来这里可以买，可以换，听你的。</span>
                </div>
            </div>
        </div>
        <!--第三栏结束-->
        <!--第四栏开始-->
        <div class="my_clo4">
            <div class="my_clo4_title">
                <div></div>
                <span>所有宝贝都在这里</span>
            </div>
            <div class="my_clo4_title_body">
                <div class="list">
                    <div></div>
                    <span>家用电器</span>
                    <span>
                        <a href="">
                            <span>空调 &nbsp; &nbsp; &nbsp; &nbsp;冰箱 &nbsp; &nbsp; &nbsp; &nbsp;电视机 &nbsp; &nbsp; &nbsp; &nbsp;洗衣机</span>
                            <span>热水器 &nbsp; &nbsp; &nbsp; &nbsp;吹风机 &nbsp; &nbsp; &nbsp; &nbsp;剃须刀</span>
                            <span>风扇 &nbsp; &nbsp; &nbsp; &nbsp;加湿器 &nbsp; &nbsp; &nbsp; &nbsp;挂烫机</span>
                        </a>
                    </span>
                </div>
                <div class="list">
                    <div></div>
                    <span>居家日用</span>
                    <span>
                        <a href="">
                        <span>床&nbsp; &nbsp; &nbsp; &nbsp; 沙发&nbsp; &nbsp; &nbsp; &nbsp; 沙发床&nbsp; &nbsp; &nbsp; &nbsp; 鞋柜</span>
                        <span>懒人沙发&nbsp; &nbsp; &nbsp; &nbsp; 茶几&nbsp; &nbsp; &nbsp; &nbsp; 餐桌</span>
                        <span>书桌&nbsp; &nbsp; &nbsp; &nbsp; 椅子&nbsp; &nbsp; &nbsp; &nbsp; 衣柜&nbsp; &nbsp; &nbsp; &nbsp; 电视柜</span>
                        </a>
                    </span>
                </div>
                <div class="list">
                    <div></div>
                    <span>母婴</span>
                    <span>
                        <a href="">
                            <span>童装&nbsp; &nbsp; &nbsp; &nbsp; 婴儿服&nbsp; &nbsp; &nbsp; &nbsp; 哈衣&nbsp; &nbsp; &nbsp; &nbsp; 套装</span>
                            <span>童鞋&nbsp; &nbsp; &nbsp; &nbsp; 新生儿礼盒&nbsp; &nbsp; &nbsp; &nbsp; 奶瓶</span>
                            <span>奶粉&nbsp; &nbsp; &nbsp; &nbsp; 婴儿推车&nbsp; &nbsp; &nbsp; &nbsp; 婴儿床 </span>
                        </a>
                    </span>
                </div>
                <div class="list">
                    <div></div>
                    <span>美容/美颜/香水</span>
                    <span>
                        <a href="">
                            <span>护肤&nbsp; &nbsp; &nbsp; &nbsp; 面膜&nbsp; &nbsp; &nbsp; &nbsp; 套装&nbsp; &nbsp; &nbsp; &nbsp; 精华</span>
                            <span>精油&nbsp; &nbsp; &nbsp; &nbsp; 眼霜&nbsp; &nbsp; &nbsp; &nbsp; 乳液&nbsp; &nbsp; &nbsp; &nbsp; 爽肤水</span>
                            <span>面霜&nbsp; &nbsp; &nbsp; &nbsp; 防晒&nbsp; &nbsp; &nbsp; &nbsp; 洁面&nbsp; &nbsp; &nbsp; &nbsp; 卸妆</span>
                        </a>
                    </span>
                </div>
                <div class="list">
                    <div></div>
                    <span>手机</span>
                    <span>
                        <a href="">
                            <span>手机&nbsp; &nbsp; &nbsp; &nbsp; 手机壳&nbsp; &nbsp; &nbsp; &nbsp; 充电器&nbsp; &nbsp; &nbsp; &nbsp; 电池</span>
                            <span>耳机&nbsp; &nbsp; &nbsp; &nbsp; 数据线&nbsp; &nbsp; &nbsp; &nbsp; 苹果&nbsp; &nbsp; &nbsp; &nbsp; 诺基亚</span>
                            <span>HTC&nbsp; &nbsp; &nbsp; &nbsp; 三星&nbsp; &nbsp; &nbsp; &nbsp; 摩托罗拉&nbsp; &nbsp; &nbsp; &nbsp; 小米 </span>
                        </a>
                    </span>
                </div>
                <div class="list">
                    <div></div>
                    <span>相机/摄像机</span>
                    <span>
                        <a href="">
                        <span>普通数码相机&nbsp; &nbsp; &nbsp; &nbsp; 单反镜头</span>
                        <span>数码单反&nbsp; &nbsp; &nbsp; &nbsp; 摄像机&nbsp; &nbsp; &nbsp; &nbsp; 胶片相机</span>
                        <span>微单&nbsp; &nbsp; &nbsp; &nbsp; 佳能&nbsp; &nbsp; &nbsp; &nbsp; 尼康&nbsp; &nbsp; &nbsp; &nbsp; 索尼 </span>
                        </a>
                    </span>
                </div>
                <div class="list">
                    <div></div>
                    <span>笔记本电脑/电脑周边</span>
                    <span>
                        <a href="">
                        <span>笔记本&nbsp; &nbsp; &nbsp; &nbsp; 平板电脑&nbsp; &nbsp; &nbsp; &nbsp; 台式机整机</span>
                        <span>显示器&nbsp; &nbsp; &nbsp; &nbsp; 鼠标&nbsp; &nbsp; &nbsp; &nbsp; CPU&nbsp; &nbsp; &nbsp; &nbsp; 主板</span>
                        <span>显卡&nbsp; &nbsp; &nbsp; &nbsp; 内存&nbsp; &nbsp; &nbsp; &nbsp; 硬盘&nbsp; &nbsp; &nbsp; &nbsp; 电源 </span>
                        </a>
                    </span>
                </div>
                <div class="list">
                    <div></div>
                    <span>随身影音娱乐</span>
                    <span>
                        <a href="">
                        <span>MP3&nbsp; &nbsp; &nbsp; &nbsp; MP4&nbsp; &nbsp; &nbsp; &nbsp; MP5&nbsp; &nbsp; &nbsp; &nbsp; 录音笔</span>
                        <span>Wii&nbsp; &nbsp; &nbsp; &nbsp; PSP&nbsp; &nbsp; &nbsp; &nbsp; PS3&nbsp; &nbsp; &nbsp; &nbsp; xbox</span>
                        <span>游戏软件&nbsp; &nbsp; &nbsp; &nbsp; 苹果&nbsp; &nbsp; &nbsp; &nbsp; 索尼视听</span>
                        </a>
                    </span>
                </div>
            </div>
        </div>
        <!--第四栏结束-->
    </div>
</div>
<!--body模块结束-->
<!--foot模块开始-->
<div class="foot">
    <div class="foot_top"><img src="image/5XGBR@Z$QVQ4$%5D1K%60HRJ958.png" alt=""></div>
    <div class="foot_bottom"><img src="image/OP4FMG5S9X_6TVX%6034(PZC2.png" alt=""></div>
</div>
<!--foot模块结束-->
<!--遮挡层-->
<div class="wechart">
    <div class="loginTitle">
        <span>微信登录</span>
        <span id="closeBtn">X</span>
    </div>
    <div class="loginPic">
        <img src="image/erweima1.png" alt="">
        <span>请使用微信扫描二维码</span>
    </div>
</div>
<div class="barrierBed"></div>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/jquery.lazyload.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/template-web.js"></script>
<script src="js/index.js"></script>
<script src="js/base.js"></script>
<script>
    $(function () {
        if ($(".afterLogin").css("display") == "block") {
            $(".afterLogin").stop().animate({right: 0}, 1200, "linear");
        }
        var list2 =
            '{{each digitalCommodities}}' +
            ' <div commodityId="{{$value.commodityId}}">' +
            '<a href="">' +
            '<div>满100减9</div>' +
            '<span class="imgItem img">' +
            '<img src="{{$value.commodityPicture}}" alt="">' +
            '</span>' +
            '</a>' +
            '<a href="">' +
            '<span class="couponItem"></span>' +
            '<span class="couponDes" title="{{$value.commodityTitle}} ">{{$value.commodityTitle}}</span>' +
            '</a>' +
            '<div class="price">' +
            '<span>￥</span>' +
            '<span>{{$value.commodityPrice}}</span>' +
            '<span>.00</span>' +
            '</div>' +
            '</div>' +
            '{{/each}}';
        var data3 = '{{each childrenCommodities}}' +
            ' <div commodityId="{{$value.commodityId}}">' +
            '<a href="">' +
            '<div>满100减9</div>' +
            '<span class="imgItem img">' +
            '<img src="{{$value.commodityPicture}}" alt="">' +
            '</span>' +
            '</a>' +
            '<a href="">' +
            '<span class="couponItem"></span>' +
            '<span class="couponDes" title="{{$value.commodityTitle}} ">{{$value.commodityTitle}}</span>' +
            '</a>' +
            '<div class="price">' +
            '<span>￥</span>' +
            '<span>{{$value.commodityPrice}}</span>' +
            '<span>.00</span>' +
            '</div>' +
            '</div>' +
            '{{/each}}';
        if (sessionStorage.getItem("indexCommodities") === null) {
            $.get("http://localhost:8080/commodity/indexCommodity", function (res) {
                sessionStorage.setItem("indexCommodities", JSON.stringify(res));
                var render = template.compile(list2);
                var html = render(res);
                $(".my_clo2_title_bodyM").html(html);
                var render3 = template.compile(data3);
                var html3 = render3(res);
                $(".my_clo3_title_bodyL").html(html3);
                $(".img,.couponDes").on("click", function () {
                    var id = $(this).parent().parent().attr("commodityId");
                    sessionStorage.setItem("commodityId", id);
                    location.href = "http://localhost:8080/commodity";
                    return false;
                });
            });
        } else {
            var res = JSON.parse(sessionStorage.getItem("indexCommodities"));
            var render = template.compile(list2);
            var html = render(res);
            $(".my_clo2_title_bodyM").html(html);
            var render3 = template.compile(data3);
            var html3 = render3(res);
            $(".my_clo3_title_bodyL").html(html3);
            $(".img,.couponDes").on("click", function () {
                var id = $(this).parent().parent().attr("commodityId");
                sessionStorage.setItem("commodityId", id);
                location.href = "http://localhost:8080/commodity";
                return false;
            });
        }
        $("#searchAll").on("click", function () {
            sessionStorage.setItem("url", "http://localhost:8080/search/all?currentPage=1&maxSize=12&type=titleasc");
            sessionStorage.setItem("text", "");
            sessionStorage.setItem("rotateName", 1);
            sessionStorage.setItem("rotatePrice", 1);
            sessionStorage.setItem("backgroundColorName", "rgb(245, 245, 245)");
            location.href = "http://localhost:8080/search";
        });
        $("#mobileDigtal").on("click", function () {
            sessionStorage.setItem("url", "http://localhost:8080/search/sort?currentPage=1&maxSize=12&sortId=1&type=titleasc");
            sessionStorage.setItem("text", "手机数码");
            sessionStorage.setItem("rotateName", 1);
            sessionStorage.setItem("rotatePrice", 1);
            sessionStorage.setItem("backgroundColorName", "rgb(245, 245, 245)");
            location.href = "http://localhost:8080/search";
        });
        $("#babyProducts").on("click", function () {
            sessionStorage.setItem("url", "http://localhost:8080/search/sort?currentPage=1&maxSize=12&sortId=2&type=titleasc");
            sessionStorage.setItem("text", "母婴玩具");
            sessionStorage.setItem("rotateName", 1);
            sessionStorage.setItem("rotatePrice", 1);
            sessionStorage.setItem("backgroundColorName", "rgb(245, 245, 245)");
            location.href = "http://localhost:8080/search";
        });
        $("#skinCare").on("click", function () {
            sessionStorage.setItem("url", "http://localhost:8080/search/sort?currentPage=1&maxSize=12&sortId=3&type=titleasc");
            sessionStorage.setItem("text", "美妆护肤");
            sessionStorage.setItem("rotateName", 1);
            sessionStorage.setItem("rotatePrice", 1);
            sessionStorage.setItem("backgroundColorName", "rgb(245, 245, 245)");
            location.href = "http://localhost:8080/search";
        });
        $("#homeDaily").on("click", function () {
            sessionStorage.setItem("url", "http://localhost:8080/search/sort?currentPage=1&maxSize=12&sortId=4&type=titleasc");
            sessionStorage.setItem("text", "居家日用");
            sessionStorage.setItem("rotateName", 1);
            sessionStorage.setItem("rotatePrice", 1);
            sessionStorage.setItem("backgroundColorName", "rgb(245, 245, 245)");
            location.href = "http://localhost:8080/search";
        });
    });
</script>
</body>
</html>